<!DOCTYPE HTML>
<html>
	<head>
		<title>GWTCUpload: SingleUploader</title>
		<meta name="Author" content="Manuel Carrasco Moñino">
		<script language='javascript' src='gwtuploadsample.SingleUploadSample.nocache.js'></script>
		<style type="text/css">@import url(Upload.css);</style>
 <style type="text/css">
    body {
        padding: 0px;
        margin: 0px;
        background-repeat: no-repeat;
        background: #879AAB;
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#879AAB)) fixed;
        background: -moz-linear-gradient(top,  #fff,  #879AAB) fixed;
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#879AAB');
    }
  </style>
	</head>
    <body>
        <div id="back" class="backPanel">
		  <a href="javascript:window.location = '../index.html' + window.location.search;">&laquo; back </a>
		</div>
    
        <h2>Single uploader</h2>
    	<ul>
			<li>Single uploader using the browser's input button. The upload progress is shown in a modal dialog<br/><br/>    
			  <div id="single1" class="upldContainer"></div>
			</li>
		    <li>Single uploader using a clickable label to open the file selector. It uses a customized progress bar shown in a modal dialog<br/><br/>   
		      <div id="single2" class="upldContainer"></div>
		    </li>
            <li>Single uploader using an html button button to open the file selector, autoSubmit is enabled, and it's restricted to images<br/><br/>   
              <div id="single3" class="upldContainer"></div>
            </li>        
            <li>Single uploader using a customizable button to open the file selector with autoSubmit enabled and restricted to images<br/><br/>   
              <div id="single4" class="upldContainer"></div>
            </li>    
      	</ul>
        <p id="thumbnails" class="thumbsContainer"></p>

        <!-- 
             Google Analytics code for the gwtupload project's web site.
             Remove it if you deploy this sample in your site 
        -->
		<script type="text/javascript">
		  document.write(unescape("%3Cscript src='http://www.google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
		</script>
		<script type="text/javascript">
		  try {var pageTracker = _gat._getTracker("UA-645641-9");pageTracker._trackPageview();} catch(err) {}
		</script>

        <iframe src="javascript:''"  id="__gwt_historyFrame" style="width:0;height:0;border:0"></iframe>
        
    </body>
</html>
